<template>

  <div id="des" style="position: relative;width: 90%;left: 5%">
    <el-divider content-position="left" style="margin-top: 40px ;padding: 2px;background: #a4d6a7"  >公司简介</el-divider>
    <div style="width: 90%;margin-left: 5%;line-height: 2.0;font-size:16px;margin-top: 50px ;margin-bottom: 50px">
      <p>{{piece_info.enterprise_introduction}}</p>

    </div>
    <el-divider content-position="left" style="margin-top: 40px ;padding: 2px;background: #a4d6a7" >公司详情</el-divider>
    <el-descriptions style="width: 90%;margin-left: 5%;font-size: 16px;margin-top: 50px;margin-bottom: 50px" title="" :column="1" border>
      <el-descriptions-item label="公司名称">{{piece_info.enterprise_name}}</el-descriptions-item>
      <el-descriptions-item label="单位地址">{{piece_info.enterprise_address}}</el-descriptions-item>
      <el-descriptions-item label="所属行业">{{piece_info.industry}}</el-descriptions-item>
      <el-descriptions-item label="联系人">{{piece_info.enterprise_contacts}}</el-descriptions-item>
      <el-descriptions-item label="单位网址">{{piece_info.enterprise_website}}</el-descriptions-item>
      <el-descriptions-item label="机构码">{{piece_info.organ_code}}</el-descriptions-item>
      <el-descriptions-item label="公司邮编">{{piece_info.enterprise_postcode}}</el-descriptions-item>
      <el-descriptions-item label="公司性质">{{piece_info.enterprise_nature}}</el-descriptions-item>
      <el-descriptions-item label="传真">{{piece_info.enterprise_fax}}</el-descriptions-item>
      <el-descriptions-item label="注册资金">{{piece_info.register_capital}}</el-descriptions-item>
    </el-descriptions>

    <el-divider content-position="left" style="margin-top: 40px ;padding: 2px;background: #a4d6a7" >公司地址</el-divider>
    <maps ></maps>
<!--    <el-empty :image-size="250" style="width: 90%;margin-left: 5%;font-size: 16px;margin-top: 50px;margin-bottom: 50px"></el-empty>-->
    <el-divider content-position="left" style="margin-top: 40px ;padding: 2px;background: #a4d6a7;margin-bottom: 50px">公司招聘</el-divider>
    <job-cards></job-cards>

  </div>
</template>

<script>
import maps from "./map"
import JobCards from '@/views/DetailCompany/components/JobCards'
import axios from 'axios'


export default {
  name: 'description',
  components:{JobCards,maps},
  data(){
    return{
      piece_info:{
        enterprise_name:"",
        enterprise_address:"",
        industry:"",
        enterprise_introduction:"",
        enterprise_contacts:"",
        enterprise_website:"",
        organ_code:"",
        enterprise_postcode:"",
        enterprise_nature:"",
        enterprise_fax:"",
        register_capital:""
      }
    }
  },
  company_id:"",
  created() {
    var _this=this
    this.company_id=sessionStorage.getItem("YHDetail_company_id")
    console.log(this.company_id)
    axios.post('http://localhost:8080/get_DetailCompanyinfo?enterprise_infor_id='+this.company_id)
      .then (function (response) {

        _this.piece_info=response.data
        console.log(_this.piece_info)
      })
      .catch(function (error) {
        console.log(error);
      });

  }

}
</script>


<style >
#des .el-divider__text{
  font-size: 20px;
  color: #2e7d32;
  font-weight: bold;
}
#des .el-divider{
  background: rgb(164, 214, 167);
}

</style>
